/* 弹框相关逻辑 */
import { ref } from 'vue';

/**
 * 
 * @param {string} _dialogTitle 模态框的标题名称
 * @param {boolean} _closeOnClickModal 是否可以点击空白区域关闭模态框
 * @returns 
 */
export const useDialog = (_dialogTitle = '新增', _closeOnClickModal = false) => {
  const closeOnClickModal = ref(_closeOnClickModal);/* 是否可以通过点击 modal 关闭 Dialog */
  const dialogTitle = ref(_dialogTitle);/* 标题名称 */
  const editVisible = ref(false);/* 显示隐藏模态框 */

  /* 关闭新增编辑查看 弹出框事件 */
  function closedFormDialog () {
    dialogTitle.value = _dialogTitle;
    closeOnClickModal.value = _closeOnClickModal;/* 是否可以点击空白处关闭弹窗 */
  }

  return {
    closeOnClickModal, dialogTitle, editVisible,
    closedFormDialog
  }
}